{{? it.unit }}
<div class="info-bar-list-unit">{{=it.unit}}</div>
{{?}}
{{~it.array :value:index}}
<div class="info-bar-list-item-box">
    <div class="info-bar-list-item-index info-bar-list-item-word">{{=index + 1}}</div>
    <div class="info-bar-list-item-name info-bar-list-item-word">
        <div class="info-bar-list-item-name-main">{{=value.name}}</div>
        {{? value.sub }}
        <div class="info-bar-list-item-name-sub">{{=value.sub}}</div>
        {{?}}
    </div>
    <div class="info-bar-list-item-bar">
        <div class="info-bar-list-item-bar-highlight" style="width:{{=value.width}}; background-image: linear-gradient(-90deg, {{=it.color1}} 0%, {{=it.color2}} 100%);"></div>
    </div>
    <div class="info-bar-list-item-value info-bar-list-item-word">{{=value.value}}</div>
</div>
{{~}}